<style>

</style>

<template>
  <div class="settledXq" style="width: 90%;">
    <h3 style="margin-top: 10px;margin-bottom: 10px"><i class="el-icon-document-copy" style="margin-right: 10px"></i>店铺详情
    </h3>
    <div style="display: flex;height: 170px;padding: 0.5%;background-color: #EFF2FC">
      <div style="width: 29%;padding-left: 80px">
        <img  :src="settled.img" height="155px">
      </div>
      <div style="width: 69%;padding-top: 15px">
        <div>
          <div style="display: grid;grid-template-columns: repeat(3, 1fr);height: 50px">
            <div>店铺ID：{{ settled.id }}</div>
            <div>店铺名称：{{ settled.name}}</div>
            <div>所在地：{{ settled.address}}</div>
          </div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>详细地址：{{ settled.detailed }}</div>
          <div>商品：{{ settled.count }}</div>
          <div>评分：{{ settled.point }}</div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>负责人：{{ settled.responsiblePerson}}</div>
          <div>状态：{{ settled.shopStatus==1?'待营业':settled.shopStatus==2?'营业中':settled.shopStatus==3?'休息中':settled.shopStatus==4?'已禁用':'已注销'}}</div>
          <div>锁定/冻结店铺</div>
        </div>
      </div>
    </div>


    <el-tabs v-model="activeTab" type="card" style="width: 1300px;border: none;margin-top: 10px">
    <el-tab-pane label="基本信息" name="a">
      <el-card style="border-color:white">
            <div style="display: flex;margin-top: 10px;width: 100%; ">
              <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
                <p style="margin-bottom: 30px">店铺名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.name }}</p>
                <p style="margin-bottom: 30px">店铺类型：&nbsp;&nbsp;&nbsp;{{ settled.type}}</p>
                <p style="margin-bottom: 30px">主营：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.main }}</p>
                <p style="margin-bottom: 30px">辅营：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.auxiliary }}</p>
                <p style="margin-bottom: 30px">状态：&nbsp;&nbsp;&nbsp;{{ settled.shopStatus==1?'待营业':settled.shopStatus==2?'营业中':settled.shopStatus==3?'休息中':settled.shopStatus==4?'已禁用':'已注销'}}</p>
                <p style="margin-bottom: 30px">配送方式：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.shippingMethod }}</p>
                <p style="margin-bottom: 30px">开店日期：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.openingTime }}</p><br><br><br>
                <p style="margin-bottom: 30px">结算方式：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.settlement }}</p>
                <p style="margin-bottom: 30px">技术服务费比例：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.technicalServices }}</p>
                <p style="margin-bottom: 30px">最低技术服务费：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.minTechnicalServices}}元</p>
                <p style="margin-bottom: 30px">技术服务费优惠：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.technicalServicesPreferential}}元/单</p>
                <p style="margin-bottom: 30px">优惠状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.preferentialStatus==1?'未开始':'已开始'}}</p>
                <p style="margin-bottom: 30px">优惠期限：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.preferentialTerm}}</p><br><br><br>
                <p style="margin-bottom: 30px">账户状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.accountStatus==1||settled.accountStatus==3?'锁定/冻结':'正常'}}</p>
                <p style="margin-bottom: 30px">店铺余额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ settled.accountBalance}}</p>

              </div>
            </div>
      </el-card>
    </el-tab-pane>
<!--      <el-tab-pane label="店铺管理" name="b">-->
<!--        <el-card style="border-color:white">-->
<!--        </el-card>-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="到店自取" name="c">
        <el-card style="border-color:white">
          <p style="margin-bottom: 30px">服务状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.serviceStatus==1?'关闭':'开启'}}</p>
          <p style="margin-bottom: 30px">抽成比例：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.commission}}%</p>
          <p style="margin-bottom: 30px">开启时段：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.wBusinesstype==1?settled.wTimeDan:settled.wBusinesstype==2?settled.wTimeDuo:'24个小时'}}</p>
          <p style="margin-bottom: 30px">备货时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.stockTime}}分钟</p>
          <p style="margin-bottom: 30px">享受商品特价：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.commodity}}</p>
          <p style="margin-bottom: 30px">参与自建活动：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.zActivities}}</p>
          <p style="margin-bottom: 30px">自动参与：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.participate}}</p>
          <p style="margin-bottom: 30px">参与的活动：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.participate}}</p>
        </el-card>
      </el-tab-pane>


      <el-tab-pane label="门店环境" name="d">
        <el-card style="border-color:white">
          <div style="display: flex;margin-top: 10px;width: 100%; ">
            <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
              <p style="margin-bottom: 30px">店铺门面图：<img  :src="settled.facadeImg" height="155px"></p>
              <p style="margin-bottom: 30px">店内环境图：<img  :src="settled.environmentImg" height="155px"></p>
            </div>
          </div>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="资质信息" name="e">
        <el-card style="border-color:white">
          <div style="display: flex;margin-top: 10px;width: 100%; ">
            <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
              <p style="margin-bottom: 30px">证件名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;营业执照</p>
              <p style="margin-bottom: 30px">证件ID：{{settled.businessLicense}}</p>
              <p style="margin-bottom: 30px">证件有效期：{{settled.businesslicenseYtime}}</p>
              <p style="margin-bottom: 30px">证件正面图：<img :src="settled.businesslicenseZimg" height="155px"></p><br><br><br>
              <p style="margin-bottom: 30px">证件名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证</p>
              <p style="margin-bottom: 30px">证件ID：{{settled.licensing}}</p>
              <p style="margin-bottom: 30px">证件有效期：{{settled.licensingYtime}}</p>
              <p style="margin-bottom: 30px">证件正面图：<img  :src="settled.licensingZimg" height="155px"></p>
            </div>
          </div>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="签约合同" name="f">
        <el-card style="border-color:white">
          <p style="margin-bottom: 30px">签约合同图：<img  :src="settled.contractImg" height="155px"></p>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="实名认证" name="g">
        <el-card style="border-color:white">
          <p style="margin-bottom: 30px">认证状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.rzStatus==1?'未认证':settled.rzStatus==2?'已认证':''}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">证件类型：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalpersonType}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">真实姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalPerson}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">性别：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalpersonSex}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">证件号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalpersonDocuments}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">证件有效期：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalpersonYtime}}</p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">证件正面图：<img  :src="settled.juridicalpersonZimg" height="155px"></p>
          <p style="margin-bottom: 30px" v-show="settled.rzStatus==2">证件背面图：<img  :src="settled.juridicalpersonBimg" height="155px"></p>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="银行卡信息" name="h">
        <el-card style="border-color:white">
          <p style="margin-bottom: 30px">绑定状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.bankcardStatus==1?'未绑定':settled.bankcardStatus==2?'已绑定':''}}</p>
          <p style="margin-bottom: 30px" v-show="settled.bankcardStatus==2">开户银行：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.bank}}</p>
          <p style="margin-bottom: 30px" v-show="settled.bankcardStatus==2">银行卡号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.bankCardNumber}}</p>
          <p style="margin-bottom: 30px" v-show="settled.bankcardStatus==2">开户人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.juridicalPerson}}</p>
          <p style="margin-bottom: 30px" v-show="settled.bankcardStatus==2">预留手机号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{settled.scheduledDel}}</p>
        </el-card>
      </el-tab-pane>
    </el-tabs>




  </div>
</template>

<script>

export default {
  data() {
    return {
      settled:{},
      activeTab:'a',
    }
  },
  methods: {
    //    获取商家的方法
    findAllSettled(){
      var item = localStorage.getItem("settled");
      this.settled = JSON.parse(item);
    },

  },

  created() {
    this.findAllSettled();
  },
}
</script>